O
Adobe Experience Design CC é um aplicativo em versão Beta da
Adobe para projetar sites ou aplicativos móveis ou qualquer outro projeto que possua interatividade. Ele é projetado para pessoas que utilizam algum aplicativo como
Adobe Illustrator,
Adobe Photoshop ou outro tipo de software para criar a estes projetos e em seguida precisam mostra-lo a um cliente.
O
Adobe Experience Design CC é um aplicativo que não só permite design, mas também interação. Ele não é um aplicativo que descreve HTML nem escreve ou construí código. Ele basicamente permite que você crie projetos muito semelhantes a o que você faria no Illustrator e depois os envie como um protótipo ou um modelo de trabalho a um cliente.
Desenhe layouts de tela, protótipos interativos e ativos prontos para produção, todos no mesmo aplicativo. Você poder mudar facilmente do design para o modo protótipo dentro do aplicativo para manter suas ideias em andamento sem interrupção. Adicionar interações e transições e compartilhar com colegas de equipe e partes interessadas para testar a aparência do seu projeto. Você pode fazer alterações vê-las imediatamente aplicadas ao vivo no seu telefone ou tablet para que sua experiência seja exatamente como você deseja. Para isso você deve baixar o aplicativo Adobe Experience em seu dispositivo móvel.
Para começar com um projeto clique em
New e automaticamente será aberta uma janela onde estão especificados tamanhos de telas padrão de celular ou telas de desktop que você pode utilizar e ainda existe uma opção onde é possível configurar outro tipo de tamanho de tela para criar outro projeto com outras especificações que não estiverem disponíveis na janela de inicio.
Você pode criar tudo a partir de zero ou utilizar um dos kits de interface de usuário embutidos no aplicativo e então copiar e colar todos os elementos que utilizará em seu projeto. Existem
Kits para Apple iOS, Google Material e Microsoft Windows.
E também existe um projeto tutorial o qual você pode abrir e trabalhar a partir dele.
Trabalhe primeiramente na aba
Design para configurar todos os elementos gráficos de seu projeto e depois iremos trabalhar em
Prototype.
Outra dica legal é que no mesmo projeto você pode ter o projeto das telas do aplicativo e do lado as telas do aplicativo em tablete, sem necessidade de abrir outro projeto para pegar os mesmo elementos e utilizá-los.
Para adicionar imagens ou vetores você pode abrir o arquivo original do elemento, copiar e colar diretamente no projeto do Adobe Experience ou
Importar os elementos a partir do arquivo .svg ou .psd de seu computador.
A interface do aplicativo é muito moderna e simples de usar. A modificação de tamanho e posição dos elementos é muito parecida com a do Illustrator. Para modificar vetores dentro de um grupo só clicar duas vezes no elemento para poder editá-lo.
A ferramenta
conta gotas também existe e funciona da mesma maneira como o Illustrator. Assim como o
Pathfinder para trabalhar com sobreposição de objetos e a ferramenta caneta.
Crie um objeto como um botão, coloque uma cor de preenchimento, um contorno ou ate se quiser uma sombra.
Agora uma ferramenta muito utilizada e rápida de utilizar no Experience Design é quando você seleciona um determinado elemento e tem a possibilidade de duplica-lo rapidamente. Isso com o botão
Repeat Grid, ele permite que você possa duplicar os elementos tanto na horizontal como na vertical. É simplesmente arrastar esses controles, e a facilidade de modificar os espaços entre eles também é automática. Assim o restante será modificar algumas quantas caraterísticas dos elementos.
Clique na aba
Prototype, este é o espaço onde você ira a criar a interatividade. Assim por exemplo quando a pessoa clicar em determinado espaço ele vai levar para determinada pagina.
Para poder fazer isso você vai ir ligando os elemento e botões.
Uma vez finalizado o trabalho de ligações com os respectivos layouts você pode selecionar uma das opções do canto superior direito para poder obter o
link de seu projeto e compartilhá-lo a seu cliente ou pode dar
Play para visualizar seu protótipo em ação.
A ideia deste aplicativo é transformar a maneira como os designers criam. Designers podem mudar o mundo, mas também a maneira como eles trabalham precisa mudar muito. Por que não fazer uso de um aplicativo que além de desenhar, seja possível criar os protótipos e o no final o cliente possa testar e dar um feedback deles em tempo real.